<!DOCTYPE html>
<html data-ng-app="CiulApp">

<head>

    <script src="lib/angular/angular.js"></script>
    <script src="lib/facebook/angular-facebook.js"></script>
    <script src="js/MyApps.js"></script>
</head>

<body data-ng-controller="MainController">
            <div>
                <div class="alert alert-info" data-ng-show="salutation">Hello, {{user.name}}</div>
                <div class="alert alert-warning" data-ng-show="byebye">Bye bye :'(</div>
            </div>

            <button type="button" data-ng-show="!logged" data-ng-disabled="!facebookReady" data-ng-click="IntentLogin()">Login with Facebook</button>
            <button type="button" data-ng-show="logged" data-ng-disabled="!facebookReady" data-ng-click="logout()">Logout</button>

            <div>
                <img src="https://graph.facebook.com/{{user.id}}/picture?type=large">
                <br>
                <strong>profile</strong>
                <debug val="user"></debug>
                <br>
                <strong>Friends</strong>
                <debug val="friends"></debug>
                <br>
                <strong>Photos</strong>
                <debug val="photos"></debug>
            </div>

</body>

</html>
